/**
 * Created by zhoulin on 2019/4/3.
 */

//表格初始化配置
var tableInit = function () {

    var columns = [
        {
            field: 'loginId',
            title: '操作人平台统一登录ID',
            align: 'center'
        }, {
            field: 'loginUserName',
            title: '操作人账号',
            align: 'center'
        },
        {
            field: 'loginNickName',
            title: '操作人用户昵称',
            align: 'center'
        },
        {
            field: 'loginType',
            title: '账号类别',
            align: 'center',
            formatter: function (value, row, index) {
                //0:超级管理员，1:普通管理员，2：红娘，3：用户
                if (0 == value) {
                    return '<span class="label label-primary">超级管理员</span>';
                } else if (1 == value) {
                    return '<span class="label label-primary">普通管理员</span>';
                }
            }
        }, {
            field: 'notes',
            title: '操作记录',
            align: 'center'
        }, {
            field: 'url',
            title: '请求地址',
            align: 'center'
        }, {
            field: 'method',
            title: '请求方法',
            align: 'center'
        }, {
            field: 'ip',
            title: '请求IP',
            align: 'center'
        }, {
            field: 'port',
            title: '端口号',
            align: 'center'
        }, {
            field: 'host',
            title: '主机IP',
            align: 'center'
        }, {
            field: 'gmtCreate',
            title: '日志创建时间',
            align: 'center',
            formatter: function (value, row, index) {
                return formatDateTime(value);
            }
        }
    ];

    //请求服务数据时所传参数
    function queryParams(params) {
        return {
            pageNo: params.pageNumber,
            pageSize: params.pageSize,
            searchText: params.searchText,
            sortName: params.sortName,      //排序列名
            sortOrder: params.sortOrder //排位命令（desc，asc）
        }
    }

    var tableConfig = $.extend(bootstrapTableConfig(_HOST + _API.common_loginlog_list, queryParams, columns), {
        //这里是其他的一些个性化的 bootstrap-table options
        //例如 覆盖一些公共的配置
        //例如 添加一些私有的配置
        showColumns: true,//列显示操作按钮
        ajaxOptions: { //设置自定义请求头
            headers: {
                'Authorization': sessionStorageUtils.getJson(storageKey.sessionStorageKey.token),
                'permCoding': 'loginlog:list'
            }
        },
        //例如格式化数据
        responseHandler: function (res) {
            //在ajax获取到数据，渲染表格之前，修改数据源
            //console.log(res)
            if (res.success) {
                //更新本地token
                sessionStorageUtils.setJsonStr(storageKey.sessionStorageKey.token, res.token);
            }
            return res;
        }
    });
    //调用实例化
    $('#bootstrapTableEvents').bootstrapTable(tableConfig);
    $(".search input").attr('placeholder', '操作人/ID/账号/昵称/操作');
};

var app = new Vue({
    el: '#app',
    data: {
        permissions: [''],//本页权限数组
    },
    //进入页面初始化方法
    created: function () {
        var that = this;
        /*var token = sessionStorageUtils.getJson(storageKey.sessionStorageKey.token);
        if (empty(token)) {
            layer.msg("<span style='color:red'>登录超时！请重新登录！</span>", {time: 1500, icon: 5});
            setTimeout(function () {
                window.location.href = _LOGIN_PAGE;
            }, 1200);

            return;
        }*/
    },
    methods: {},
});

$(function () {
    //初始化表格
    tableInit();
});
